<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="/must_go/script/user/user.js"></script>
<title>reserve_form</title>
<link rel="stylesheet" type="text/css"
	href="/must_go/css/reservation/reserve.css" />
</head>
<div id="body" align="center">
		<!-- 예약상품 -->
		<div id="reserveInfo">
			<table class="table">
				<tr style="height: 25px;">
					<th colspan="4" align="left">상품 정보</th>
				</tr>
				<tr style="height: 25px;">
					<td colspan="4" align="left">고객님께서 선택하신 상품입니다. 출발일과 상품가격을
						확인해주세요.</td>
				</tr>
				<tr style="height: 25px;">
					<td style="width: 20%;">상품명</td>
					<td colspan="3" style="width: 80%;"></td>
				</tr>

				<!-- 첫째줄 -->
				<tr style="height: 25px;">
					<td style="width: 20%;">상품판매기간</td>
					<td colspan="3" style="width: 80%;">- 상품판매기간 출력 -</td>
				</tr>

				<tr style="height: 25px;">
					<td style="width: 20%;">잔여석</td>
					<td colspan="3" style="width: 80%;">- 상품 잔여석 출력 -</td>
				</tr>

				<tr style="height: 25px;">
					<td style="width: 20%;">여행기간</td>
					<td style="width: 30%;">- 여행기간 출력 -</td>
					<td style="width: 20%;">선택한출발일</td>
					<td style="width: 30%;">- 출발일 출력 -</td>
				</tr>
				<tr style="height: 25px;">
					<td style="width: 20%;">여행인원</td>
					<td style="width: 30%;">- 인원출력 -</td>
					<td style="width: 20%;">총결제금액</td>
					<td style="width: 30%;">- 총가격 출력 -</td>
				</tr>

				<!-- 둘째줄 -->
				<tr style="height: 25px;">
					<td style="width: 100px; height: 100px;">상품정보</td>
					<td colspan="3"><textarea name="textarea" class="productArea"
							onfocus="productArea()">2000자 내외</textarea></td>
				</tr>
			</table>
			<table class="table">
				<tr style="height: 25px;">
					<th colspan="4" style="width: 100%;" align="left">예약자 정보</th>
				</tr>
				<tr style="height: 25px;">
					<td colspan="4" align="left">예약자 정보는 정확하게 입력해주세요</td>
				</tr>
				<tr style="height: 25px;">
					<td style="width: 20%;">상품명</td>
					<td colspan="3" style="width: 80%;"></td>
				</tr>

				<tr style="height: 25px;">
					<td style="width: 20%;">이름</td>
					<td style="width: 30%;"><input type="text" class="t" size="15"
						name="id"></td>
					<td style="width: 20%;">휴대폰</td>
					<td style="width: 30%;"><input type="text" class="t" size="4"
						maxlength="6" name="id" onkeyup="fst_fnum(this,6,this.form.soc2)">-<input
						type="text" class="t" size="4" maxlength="6" name="id"
						onkeyup="sec_fnum(this,6,this.form.soc2)">-<input
						type="text" class="t" size="4" maxlength="6" name="id"
						onkeyup="thd_fnum(this,6,this.form.soc2)"></td>
				</tr>

				<tr style="height: 25px;">
					<td style="width: 20%;">생년월일</td>
					<td style="width: 30%;"><input type="text" class="t" size="4"
						name="year">년 <input type="text" class="t" size="2"
						name="month">월 <input type="text" class="t" size="2"
						name="day">일</td>
					<td style="width: 20%;">비상연락처</td>
					<td style="width: 30%;"><input type="text" class="t" size="4"
						name="fst_fnum" onkeyup="fst_fnum(this,4,this.form.sec_fnum)">-<input
						type="text" class="t" size="4" name="sec_fnum"
						onkeyup="sec_fnum(this,4,this.form.thd_fnum)">-<input
						type="text" class="t" size="4" name="thd_fnum"
						onkeyup="thd_fnum(this,4,this.form.email)"></td>
				</tr>
				<tr style="height: 25px;">
					<td style="width: 100px;">이메일</td>
					<td colspan="3" style="width: 30%;"><input type="text"
						class="t" size="22" name="email1" id="email1">@<input
						type="text" class="t" size="30" name="email2" id="email2">
						<select style="float: right; font-size: 12px;" name="email3"
						id="email3" onchange="emailAddr(this); return false;">
							<option value="" selected="selected">직접선택</option>
							<option value="naver.com">naver.com</option>
							<option value="gmail.com">gmail.com</option>
							<option value="hanmail.com">hanmail.com</option>
							<option value="nate.com">nate.com</option>
					</select></td>
				</tr>
				<tr style="height: 25px;">
					<td style="width: 100px; height: 100px;">요청사항</td>
					<td colspan="3"><textarea name="textarea" class="reserveArea"
							style="width: 99%;"></textarea></td>
				</tr>
				<tr>
					<td colspan="4" align="right"><input type="image"
						src="/must_go/images/icon/right.ico" value="예약하기"> <!-- <input
						type="image" src="/must_go/images/icon/return.ico" value="재입력">
					 --></td>
				</tr>
			</table>
		</div>
	</div>
</html>